<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%
    String basePath = request.getScheme() + "://" +
            request.getServerName() + ":" + request.getServerPort() +
            request.getContextPath() + "/";
%>
<head>
    <meta charset="UTF-8">
    <base href="<%=basePath%>" />
    <title>登录界面</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <style type="text/css">
        * {
            margin: 0 auto;
        }

        body {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background: linear-gradient(to bottom,#332175,#048181);
            /*background: -webkit-gradient(linear, 0 0, 0 8%, from(#dedede), to(white));*/
        }

        #out {
            /*	*/
            /*background-color: #D9E9F9;*/
            background: linear-gradient( #442E9A,#05D1D3);

            width: 450px;
            height: 350px;
            position: relative;
            top: 100px;
            box-shadow: 2px 2px 5px #000;
        }

        #an {
            text-align: center;
        }

        #zhuce {
            color: black;
            text-decoration: none;
        }
    </style>
</head>

<body>
<div id="outer">


    <div id="out">

        <form>
            <h1 align="center">登录/LOGIN</h1>
            <hr width="300px" align="center" />
            <div class="form-group">
                <label for="exampleInputEmail1">用户名</label>
                <input type="text" class="form-control" id="exampleInputEmail1" placeholder="请输入用户名">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword1">密码</label>
                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
            </div>
            <div class="form-group">
                <label for="exampleInputFile">身份</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" id="exampleInputFile" name="choose">学生
                <input type="radio" id="exampleInputFile" name="choose">老师

            </div>
            <div id="an">
                <button class="btn btn-default">登录</button>
                <button class="btn btn-default"><a href="register.html" id="zhuce">注册</a></button>
            </div>
        </form>
    </div>
</div>
</body>
</html>
